@CHARSET "utf-8";

#editorContainer {
	padding: 0;
	width: 970px;
	height: 1056px;
	margin: 0 auto;
}

.content {
	/*float : left;*/
	background: #FFFFFF;
	cursor: text;
	width: 910px;
	height: 960px;
	padding: 50px 30px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
	font-size: small;
	box-shadow: 0 0 0 1px #d1d1d1, 0 0 4px 1px #ccc;
}

.commentDiv {

	position: absolute;
	float: left;
	margin-left: 1000px;
	height: 1056px;
	top: 190px;
}

.commentbox {

	width: 240px;
	height: auto;
	border: 2px #888888 solid;
	background-color: #ccff66;
	border-radius: 25px;
	padding: 10px;
	margin: 10px;
	overflow: hidden;
}

#textField {
	width: 200px;
	height: auto;
	padding: 10px 5px;
	margin: 0 auto;
}

/* 우클릭 메뉴 */
#contextMenuUl {

	display: inline;
	padding: 15px 3px 17px 0;
	list-style: none;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
#contextMenuUl li {
	border: thin solid #808080;
	font: bold 12px/18px sans-serif;
	padding: 5px 20px;
	background: #fff;
	cursor: pointer;
	transition: all 0.2s;
}
#contextMenuUl li:hover {
	background: #555;
	color: #fff;
}
/* 글자 모양 */
#contextMenuUl li #fontUl {
	padding: 0;
	position: absolute;
	top: 14px;
	left: 130px;
	width: 140px;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	-transition: opacity 0.2s;
}
#contextMenuUl li #fontUl li {
	background: #555;
	display: block;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}
#contextMenuUl li #fontUl li:hover {
	background: #666;
}

#contextMenuUl li:hover #fontUl {
	display: block;
	opacity: 1;
	visibility: visible;
}
/* 문단 모양 */
#contextMenuUl li #paragraphUl {
	padding: 0;
	position: absolute;
	top: 44px;
	left: 130px;
	width: 140px;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	-transition: opacity 0.2s;
}
#contextMenuUl li #paragraphUl li {
	background: #555;
	display: block;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}
#contextMenuUl li #paragraphUl li:hover {
	background: #666;
}

#contextMenuUl li:hover #paragraphUl {
	display: block;
	opacity: 1;
	visibility: visible;
}
/* 문단  번호 모양 */
#contextMenuUl li #listShapeUl {
	padding: 0;
	position: absolute;
	top: 74px;
	left: 130px;
	width: 140px;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	-transition: opacity 0.2s;
}
#contextMenuUl li #listShapeUl li {
	background: #555;
	display: block;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}
#contextMenuUl li #listShapeUl li:hover {
	background: #666;
}

#contextMenuUl li:hover #listShapeUl {
	display: block;
	opacity: 1;
	visibility: visible;
}

